<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪元素选择器</title>
    <style>
        /*两个：就是伪元素选择器，选中的是文字不是元素，所以称为伪元素*/
        div::first-letter {
            color: red;
            font-size: 40px;
        }

        div::first-line {
            background-color: yellow;
        }

        /*选中的是div中被鼠标选择的文字*/
        div::selection {
            background-color: green;
            color: orange;
        }
        input::placeholder{
            color: skyblue;
        }
        /*p元素内容之前*/
        p::before{
            /*加上的这个鼠标选不中*/
            content: "￥";
            color: red;
        }
        p::after{
            /*加上的这个鼠标选不中*/
            content: ".00";
        }
    </style>
</head>
<body>
<div>lorem dasdad asdasd` asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a
    啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111
    asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊
    啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada
    a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111
    asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊
    啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada
    a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111
    asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊
    啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada
    a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111
    asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊 啊1111111111111111111111 asdsada a 啊啊啊
    啊1111111111111111111111
</div>
<input  type="text" placeholder="请输入1">
<p>199</p>
</body>
</html>